<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    body{
      margin: 0;
      padding: 0;
    }
    /* .container{
      width:960px ;
    } */
    /* .main{
      float: left;
    } */
    .text{
      width: 640px;
      height: 200px;
      border: 1px solid #999;
      margin: 20px 0 0 20px;
    }
    .text01{
      font-size: 20px;
      color: #333;
      margin-left: 10px;
    }
    .main-img{
      display: inline-block;
      margin-left: 10px;
      /* width: 130px;
      height: 87px; */
    }
    .main-text {
      /* display: inline-block; */
      width: 495px;
      float: right;
      text-align: justify;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
    }
    .text02{
      text-decoration: none;
      font-size: 15px;
      color: #333;
      line-height: 26px;
    }
  .text03{
    width: 640px;
    font-size: 14px;
    /* display: inline-block; */
    color: #999;
    /* float: left; */
    margin: 10px 0 0 0;
  }
  /* span{
    display: inline-block;
  } */
  .foot01{
    /* display: inline-block; */
    float: left;
    margin-left: 10px;
  }
  .foot02{
    float: left;
    margin-left: 20px;
  }
  .foot03{
    float: right;
  }
  </style>
</head>
<body>
  <div class="text">
    <h1 class="text01">广东珠海新增1例本土确诊病例 为隔离酒店工作人员</h1>
    <div class="main">
      <div class="main-img"><img width="130px" height="87px" src="https://n.sinaimg.cn/default/feedbackpics/transform/116/w550h366/20180418/QO_Y-fzihnep5214913.png" alt=""></div>
      <div class="main-text"><a href="#" class="text02">3月1日0-24时，珠海新增1例本土新冠肺炎确诊病例，为入境旅客隔离酒店的高风险岗位工作人员。另新增9例境外输入新冠肺炎确诊病例，3例境外输入新冠肺炎无症状感染者，均来自中国香港。<a href="#">[详细]</a></a></div>
    </div>
    <div class="text03">
      <div class="foot01">
        <span>12分钟前</span>
      </div>
      <div class="foot02">
        <span>新冠肺炎   珠海   广东</span>
      </div>
      <div class="foot03">
        <span>评论</span>
      </div>
    </div>
  </div>
</body>
</html>